<template>
  <!-- 首页  -->
  <div id="app">
    <!-- banner -->
    <banner />

    <div class="my-container">
      <Divider class="divider" orientation="left">
        <span class="divider-span">强烈推荐</span>
      </Divider>
      <div class="item">
        <Row type="flex" justify="start" class="code-row-bg">
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
        </Row>
      </div>
      <Divider class="divider" orientation="left">
        <span class="divider-span">最新上线</span>
      </Divider>
      <div class="item">
        <Row type="flex" justify="start" class="code-row-bg">
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
          <Card />
        </Row>
      </div>
      <Divider class="divider" orientation="left">
        <span class="divider-span">教程</span>
      </Divider>
      <Row type="flex" justify="start" class="code-row-bg">
        <ColumCard />
        <ColumCard />
        <ColumCard />
        <ColumCard />
      </Row>
    </div>
    <VIPInfo />
    <Modal v-model="loginShow"></Modal>
  </div>
</template>

<script>
import banner from "../../components/banner";
import Card from "../../components/card";
import ColumCard from "../../components/colum-card";
import VIPInfo from "../vipInfo/index";

import { test } from "../../request/index";
export default {
  components: {
    banner,
    Card,
    ColumCard,
    VIPInfo
  },
  data() {
    return {
      loginShow: false,
      msg: "121"
    };
  },
  created: function() {
    let param = {};
    param.app_id = "dy_59628799";
    param.advert_id = "1500013044";
    param.device_id = "866700034551208";
    param.sign = "86c408bf7a2e7f041236b03bdb2516d4";
    let promise = test(param).then(result => {
      console.log(result.data);
      // this.msg = result.data
    });
    console.log(promise);
    console.log("123");
  }
};
</script>

<style scoped>
.divider {
  margin-top: 30px;
  margin-bottom: 10px;
}
.my-container {
  width: 80%;
  max-width: 1300px;
  margin: 0 auto;
}
.divider-span {
  font-size: 18px;
  color: #34495e;
  font-weight: bold;
}
</style>